/*
 * @Descripttion: 
 * @Author: voanit
 * @Date: 2022-06-01 11:28:59
 * @LastEditors: voanit
 * @LastEditTime: 2022-06-01 11:36:30
 */
import React from 'react'

/* 
<svg className="icon" aria-hidden="true">
  { 使用时，只需要将此处的 iconbtn_like_sel 替换为 icon 的名称即可}
<use xlinkHref="#xxxxxxxx"></use>
</svg >

*/
// 组件 props 的类型
type Props = {
  // icon 的类型
  type: string
  // icon 的自定义样式
  className?: string
  // 点击事件
  onClick?: () => void
}
const Icon = (props: Props) => {
  const className = props.className
  const type = props.type
  const onClick = props.onClick

  return <svg
    className={'icon ' + className}
    aria-hidden="true"
    onClick={onClick}
  >
    <use xlinkHref={`#${type}`}></use>
  </svg>
};
export default Icon 